body {
	width: 100vw;
	height: 100vh;
}
// 头部
header {
	box-sizing: border-box;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	background-color: #4294ff;
	// 返回符
	#return {
		margin-bottom: 10px;
		width: 100%;
		height: 20px;
		color: #fff;
		font-family: 宋体;
		font-size: 20px;
	}
	// 标题
	#title {
		width: 40%;
		height: 88%;
		// 中文标题
		.chinese {
			margin-top: 15px;
			font-size: 20px;
			color: #fff;
		}
		// 英文标题
		.english {
			font-size: 17px;
			font-weight: bold;
			color: #aad9f8;
		}
	}
	// 排名
	#ranking {
		width: 50%;
		height: 88%;

		// 名次盒子
		.pc {
			text-indent: 2rem;
		}
		// 名次
		.num {
			font-size: 60px;
			font-weight: bold;
			color: #fff;
			vertical-align: 20px;
		}
		// 徽章
		.icon-badge {
			font-size: 100px;
			color: #73b0ff;
		}
	}
}
// 主体
main {
	box-sizing: border-box;
	padding: 0 20px;
	width: 100%;
	height: 60%;
	ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		width: 100%;
		height: 400px;
		li {
			width: 100px;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			color: #393333;
		}
	}
}
